.scss-dot {
  list-style: square;
  margin-left: 20px;
}
.scss-blue {
  color: #1e4b99;
}
.scss-nav {
  background-color: #deeaf8;
  height: 40px;
  line-height: 40px;
  color: #1e4b99;
}
.scss-nav a {
  color: #1e4b99;
}
.scss-banner {
  width: 100%;
  height:350px;
}
.scss-banner img {
  height:350px;
}
.scss-title {
  padding: 50px 0;
}
.scss-title.bottom-0 {
  padding-bottom: 0;
}
.scss-title.border {
  border-bottom: 1px solid #ccc;
}
.scss-title h1 {
  margin-bottom: 20px;
}
.scss-flex {
  margin: 50px 0 40px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -2%;
  margin-right: -2%;
}
.scss-flex > * {
  flex-basis: 25%;
  margin-bottom: 4%;
}
.scss-flex img {
  width: 84%;
  margin: 0 8%;
}
.scss-flex a {
  position: relative;
}
.scss-flex a .title {
  position: absolute;
  left: 0;
  bottom: -30px;
  width: 84%;
  margin-left: 8%;
  color: #fff;
  background-color: #1e4b99;
  overflow: hidden;
}
.scss-flex a .title .name {
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.scss-flex a .title .desc {
  max-height: 0;
  transition: height 0.5s ease-in-out;
}
.scss-flex a:hover .title .name {
  font-weight: bold;
}
.scss-flex a:hover .title .desc {
  max-height: 170px;
  padding: 0 10px 10px;
}
.scss-kefu img {
  width: 80px;
  float: left;
  margin-right: 30px;
}
.scss-kefu p {
  margin-top: 5px;
  line-height: 25px;
}
.scss-kefu p .blue {
  color: #1e4b99;
}
.scss-kefu .btn {
  color: #fff;
  background-color: #1e4b99;
}
.scss-kefu2 {
  width: 100%;
  background-color: #deeaf8;
  position: relative;
  z-index: 1;
}
.scss-kefu2::after {
  content: "";
  background-image: url(/static/images/header/kefu_bg.jpg);
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  width: 600px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.scss-kefu2 .blue {
  color: #1e4b99;
}
.scss-kefu2 h1 {
  margin: 50px 0 40px;
}
.scss-kefu2 label {
  display: block;
  margin: 20px 0;
}
.scss-kefu2 label b {
  font-size: 20px;
}
.scss-kefu2 label input,
.scss-kefu2 label textarea {
  border: none;
  border-radius: 5px;
  padding: 5px 15px;
  margin-left: 20px;
  width: 50%;
  font-weight: normal;
}
.scss-kefu2 label input:focus,
.scss-kefu2 label textarea:focus {
  outline: 0;
}
.scss-kefu2 label input::-moz-placeholder, .scss-kefu2 label textarea::-moz-placeholder {
  color: #ccc;
  font-size: 16px;
}
.scss-kefu2 label input::placeholder,
.scss-kefu2 label textarea::placeholder {
  color: #ccc;
  font-size: 16px;
}
.scss-kefu2 label input {
  vertical-align: middle;
}
.scss-kefu2 label textarea {
  vertical-align: text-top;
}
.scss-kefu2 .btn {
  color: #fff;
  background-color: #1e4b99;
  margin: 20px 65px 40px;
  font-size: 20px;
  font-weight: bold;
}
.scss-peach {
  width: 100%;
  background-color: #f8f8f8;
  position: relative;
  z-index: 1;
}
.scss-peach::after {
  content: "";
  background-image: url(/static/images/header/peach.png);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  width: 400px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.scss-table table {
  width: 100%;
}
.scss-table th {
  color: #fff;
  background-color: #1e4b99;
  padding: 5px 20px;
}
.scss-table td {
  padding: 5px 20px;
}
.scss-table td:nth-child(even) {
  width: 30%;
}
.scss-table td img {
  width: 16px;
}
.scss-table td a {
  color: #1e4b99;
  text-decoration: none;
}
.scss-table tr:nth-child(odd) td {
  background-color: #f8f8f8;
}
.scss-list {
  display: flex;
  justify-content: space-around;
}
.scss-list ul {
  width: 30%;
  display: block;
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
.scss-list ul li {
  line-height: 28px;
  display: flex;
  align-items: center;
  font-size: 16px;
  letter-spacing: 1px;
}
.scss-list ul li h2 {
  text-align: left;
  font-size: 25px;
  font-weight: bold;
  color: #1e4b99;
}
.scss-list ul li .icon {
  height: 6px;
  width: 6px;
  background: #555;
  margin-right: 10px;
}